<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bookshop</title>

    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/animate.min.css" rel="stylesheet">
    <link href="assets/css/main.min.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
</head>
<body>


 

    <div id="wrapper" >
        <div id="page-content-wrapper" class="st-pusher">
            <div class="st-pusher-after"></div>
            <!-- ============================================== HEADER ============================================== -->
	
	<header class="header">

		<nav class="navbar navbar-bookshop navbar-static-top" role="navigation">
    <div class="container">
        <div class="row">
            <div class="col-md-5 hidden-xs hidden-sm">
                <ul class="nav navbar-nav">
                    <li><a href="single-book.html">Online Store</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="about.html">Delivery</a></li>
                    <li><a href="contact.html">FAQs</a></li>
                    <li><a href="contact.html">Contacts</a></li>
                </ul><!-- /.nav -->
            </div><!-- /.col -->
            <div class="col-md-3 col-xs-10 col-sm-10 navbar-left">

                <p class='text-center'><a href="#"><span class="icon glyphicon glyphicon-earphone"></span> +1-234-567-8910</a></p>

            </div><!-- /.col -->
            <div class="col-md-4 col-sm-2">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden-xs hidden-sm"><a href="contact.html">Wishlist</a></li>
                    <li class="hidden-xs hidden-sm"><a href="single-book.html">Shopping Cart</a></li>
                    <li class="hidden-xs hidden-sm"><a href="contact.html">My Account</a></li>
                    <li class="icon icon-small hidden-xs"><a data-toggle="modal" data-target="#modal-login-big" href="#"><i class="icon fa fa-lock"></i></a></li>
                    <li class="icon hidden-lg hidden-sm hidden-md"><a data-toggle="modal" data-target="#modal-login-small" href="#"><i class="icon fa fa-lock"></i></a></li>
                </ul><!-- /.nav -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container -->
</nav><!-- /.navbar -->


<!-- Modal -->
<div id="modal-login-big" class="modal login fade hidden-xs"  tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="text-center">
                    <ul class="login-list clearfix ">
                        <li class='active'>Login</li> 
                        <li class="divider"></li>
                        <li><a href="#">Sign Up</a></li>
                    </ul><!-- /.login-list -->	
                    <form role="form" class="inner-top-50">
                        <div class="form-group">
                            <label for="exampleInputEmail1" class="sr-only">Email address</label>
                            <input type="email" class="form-control bookshop-form-control" id="exampleInputEmail1" placeholder="Hezy Theme">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1" class="sr-only">Password</label>
                            <input type="password" class="form-control bookshop-form-control" id="exampleInputPassword1">
                        </div>

                        <button type="button" class="btn btn-primary btn-uppercase">Login</button>
                        <a href="#" class='forgot-password'>forgot password</a>
                    </form>
                </div>
            </div><!-- /.modal-body -->
            <div class="modal-footer">
                <div class="text-center">
                    <ul class='social-list text-center'>
                        <li><a href="#" class="facebook"></a></li>
                        <li><a href="#" class="google-plus"></a></li>
                        <li><a href="#" class="twitter"></a></li>
                        <li><a href="#" class="pinterest"></a></li>
                    </ul><!-- /.social-list -->
                </div>
            </div><!-- /.modal-footer -->
            <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!-- Modal -->
<div id="modal-login-small" class="modal fade login login-xs hidden-sm hidden-lg"  tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="text-center">
                    <div class="logo-holder">
                        <h1 class="logo">BookShop</h1>
                        <div class="logo-subtitle">
                            <span>World of books</span>
                        </div><!-- /.logo-subtitle --> 
                    </div>

                    <form role="form" class="inner-top-50">
                        <div class="form-group">
                            <label for="entername" class="sr-only">Email</label>
                            <input type="email" class="form-control bookshop-form-control" id="entername" placeholder="Hezy Theme">
                        </div>
                        <div class="form-group">
                            <label for="enterpassword" class="sr-only">Password</label>
                            <input type="password" class="form-control bookshop-form-control" id="enterpassword">
                        </div>

                        <button type="button" class="btn btn-primary btn-block btn-uppercase">Login</button>
                        <a href="#" class='forgot-password'>forgot password</a>
                    </form>
                </div>
            </div><!-- /.modal-body -->
            <div class="modal-footer">
                <div class="text-center">
                    <ul class='social-list text-center'>
                        <li><a href="#" class="facebook"></a></li>
                        <li><a href="#" class="google-plus"></a></li>
                        <li><a href="#" class="twitter"></a></li>
                        <li><a href="#" class="pinterest"></a></li>
                    </ul><!-- /.social-list -->
                </div>
            </div><!-- /.modal-footer -->
            <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
		<div class="main-header">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-4 col-md-4 top-search-holder m-t-10">
						<!-- ============================================== SEARCH BAR ============================================== -->
<form class="search-form" role="search">
	<div class="form-group">
		<label class="sr-only" for="page-search">Type your search here</label>
		<input id="page-search" class="search-input form-control" type="search" placeholder="Search product">
	</div>
	<button class="page-search-button">
		<span class="fa fa-search">
			<span class="sr-only">Search</span>
		</span>
	</button>
</form>
<!-- ============================================== SEARCH BAR : END ============================================== -->					</div><!-- /.top-search-holder -->

					<div class="col-xs-12 col-sm-4 col-md-4 text-center logo-holder">
						<!-- ============================================== LOGO ============================================== -->
<a href="home.html">
	<h1 class="logo">BookShop</h1>
	<div class="logo-subtitle">
		<span>World of books</span>
	</div><!-- /.logo-subtitle -->
</a>
<!-- ============================================== LOGO : END ============================================== -->					</div><!-- /.logo-holder -->

					<div class="col-xs-12  col-md-2 header-shippment hidden-sm m-t-10">
						<!-- ============================================== FREE DELIVERY ============================================== -->
<div class="media free-delivery hidden-xs ">
	<span class="media-left"><img src="assets/images/delivery-icon.png" height="48" width="48" alt=""></span>
	<div class="media-body">
		<h5 class="media-heading">Free delivery</h5>
	</div>
</div>
<!-- ============================================== FREE DELIVERY : END ============================================== -->					</div><!-- /.header-shippment -->

					<div class="col-xs-12 col-sm-4 col-md-2 animate-dropdown1 top-cart-row m-t-10">
						<!-- ============================================== SHOPPING CART DROPDOWN ============================================== -->                              
<ul class="clearfix shopping-cart-block list-unstyled">
    <li class="dropdown">
        <a class="menu-toggle-right clearfix" href="/.menu-toggle-right">
            <span class="pull-right cart-right-block">
                <img src="assets/images/cart-icon.png" alt="" width="46" height="39" />
            </span><!-- /.cart-right-block -->
            <span class="pull-right cart-left-block">
                <span class="cart-block-heading">$345.39</span>
                <span class="hidden-xs">2 items</span>
            </span><!-- /.cart-left-block -->
        </a>
    </li>
</ul> <!-- /.list-unstyled --> 
<!-- ============================================== SHOPPING CART DROPDOWN : END ============================================== -->					</div><!-- /.top-cart-row -->
				</div><!-- /.row -->

			</div><!-- /.container -->

		</div><!-- /.main-header -->

		


<!-- ============================================== NAVBAR ============================================== -->
<div class="header-nav animate-dropdown">
		<div class="container">			
			<div class="nav-bg-class">
				<!-- ============================================================= NAVBAR PRIMARY ============================================================= -->
<nav class="yamm navbar navbar-primary animate-dropdown" role="navigation">
    <div class="navbar-header">
        <button id="btn-navbar-primary-collapse" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-primary-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div><!-- /.navbar-header -->
    <div class="collapse navbar-collapse" id="navbar-primary-collapse">
        <ul class="nav navbar-nav">
            <li class="active"><a href="home.html">Books</a></li>
            <li class="dropdown yamm-fw"><a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Textbooks</a>
                <ul class="dropdown-menu">
                    <li>
                        <div class="yamm-content">
                            <div class="row">
                                <div class="col-md-2 col-sm-6">  
                                    <div class="section">
                                        <h5 class="title">History</h5>
                                        <ul class="links list-unstyled">
                                            <li><a href="books.html">Indian Independence</a></li>
                                            <li><a href="books.html">French Revolution</a></li>
                                            <li><a href="books.html">Industrial Revolution</a></li>
                                            <li><a href="books.html">Vietnam War</a></li>
                                            <li><a href="books.html">World War I &amp; II</a></li>
                                            <li><a href="books.html">Operation Desert Storm</a></li>
                                        </ul>
                                    </div><!-- /.section -->
                                </div><!-- /.col -->

                                <div class="col-md-2 col-sm-6">
                                    <div class="section">
                                        <h5 class="title">Science</h5>
                                        <ul class="links list-unstyled">
                                            <li><a href="books.html">Applied Science</a></li>
                                            <li><a href="books.html">Astronomy</a></li>
                                            <li><a href="books.html">Biotechnology</a></li>
                                            <li><a href="books.html">Chemistry</a></li>
                                            <li><a href="books.html">Cognitive Science</a></li>
                                            <li><a href="books.html">Cosmology</a></li>
                                        </ul>
                                    </div><!-- /.section -->
                                </div><!-- /.col -->

                                <div class="col-md-2 col-sm-6">  
                                    <div class="section">
                                        <h5 class="title">History</h5>
                                        <ul class="links list-unstyled">
                                            <li><a href="books.html">Indian Independence</a></li>
                                            <li><a href="books.html">French Revolution</a></li>
                                            <li><a href="books.html">Industrial Revolution</a></li>
                                            <li><a href="books.html">Vietnam War</a></li>
                                            <li><a href="books.html">World War I &amp; II</a></li>
                                            <li><a href="books.html">Operation Desert Storm</a></li>
                                        </ul>
                                    </div><!-- /.section -->
                                </div><!-- /.col -->

                                <div class="col-md-2 col-sm-6">
                                    <div class="section">
                                        <h5 class="title">Science</h5>
                                        <ul class="links list-unstyled">
                                            <li><a href="books.html">Applied Science</a></li>
                                            <li><a href="books.html">Astronomy</a></li>
                                            <li><a href="books.html">Biotechnology</a></li>
                                            <li><a href="books.html">Chemistry</a></li>
                                            <li><a href="books.html">Cognitive Science</a></li>
                                            <li><a href="books.html">Cosmology</a></li>
                                        </ul>
                                    </div><!-- /.section -->
                                </div><!-- /.col -->

                                <div class="col-md-2 col-sm-6">
                                    <div class="section">
                                        <h5 class="title">History</h5>
                                        <ul class="links list-unstyled">
                                            <li><a href="books.html">Indian Independence</a></li>
                                            <li><a href="books.html">French Revolution</a></li>
                                            <li><a href="books.html">Industrial Revolution</a></li>
                                            <li><a href="books.html">Vietnam War</a></li>
                                            <li><a href="books.html">World War I &amp; II</a></li>
                                            <li><a href="books.html">Operation Desert Storm</a></li>
                                        </ul>
                                    </div><!-- /.section -->
                                </div><!-- /.col -->

                                <div class="col-md-2 col-sm-6">
                                    <div class="section">
                                        <h5 class="title">Science</h5>
                                        <ul class="links list-unstyled">
                                            <li><a href="books.html">Applied Science</a></li>
                                            <li><a href="books.html">Astronomy</a></li>
                                            <li><a href="books.html">Biotechnology</a></li>
                                            <li><a href="books.html">Chemistry</a></li>
                                            <li><a href="books.html">Cognitive Science</a></li>
                                            <li><a href="books.html">Cosmology</a></li>
                                        </ul>
                                    </div><!-- /.section -->
                                </div><!-- /.col -->
                            </div>
                        </div>

                    </li>
                </ul>
            </li>
             <li><a href="books.html">Nook Books</a></li>
             <li class="hidden-sm"><a href="books.html">Audiobooks</a></li>
             <li class="hidden-sm hidden-md"><a href="books.html">Magazines</a></li>
             <li class="hidden-sm hidden-md"><a href="books.html">Movies</a></li>
             <li><a href="books.html">Music</a></li>
             <li class="dropdown navbar-right"><a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
                <ul class="dropdown-menu">
                    <li>
                        <div class="yamm-content">
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <ul class="links">
                                        <li><a href="home.html">Home</a></li>
                                        <li><a href="home-2.html">Home II</a></li>
                                        <li><a href="books.html">Books</a></li>
                                        <li><a href="books-2.html">Books II</a></li>
                                        <li><a href="single-book.html">Book</a></li>
                                        <li><a href="blog.html">Blog</a></li>
                                        <li><a href="blog-post.html">Blog Post</a></li>
                                    </ul>
                                </div>
                            <div class="col-md-6 col-sm-6">
                                <ul class="links">
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                    <li><a href="contact-2.html">Contact II</a></li>
                                    <li><a href="categories.html">Categories</a></li>
                                    <li><a href="magazine.html">Magazine</a></li>
                                    <li><a href="all-brands.html">All Brands</a></li>
                                    <li><a href="error.html">Error</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                    
                    
                </ul>
             </li>
        </ul><!-- /.nav -->
    </div><!-- /.collapse navbar-collapse -->   
</nav><!-- /.yamm -->
<!-- ============================================================= NAVBAR PRIMARY : END ============================================================= -->			</div><!-- /.nav-bg-class -->
		</div><!-- /.container -->
	
</div><!-- /.header-nav -->
<!-- ============================================== NAVBAR : END ============================================== -->
	</header>


<!-- ============================================== HEADER : END ============================================== -->           
            <!-- ============================================== ALL BRANDS ============================================== -->
<div class="all-brands content">
	<div class="container">
		<div class="row">
			<div class="brands-breadcrumb">
				<ul class="breadcrumb">
					<li><a href="/index.php">Home</a></li>
					<li class="active">All Brands</li>
				</ul>
			</div>
			<div class="divider">
				<img class="img-responsive" src="assets/images/shadow.png" alt="#">
			</div>
		</div><!-- /.row -->

		<div class="brand-outer">
			<div class="brand-names">
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>A</h2>
	<ul class="a-names">
		<li><a href="#">Acqua Di Parma</a></li>
		<li><a href="#">Agave</a></li>
		<li><a href="#">Algenist</a></li>
		<li><a href="#">ALTERNA</a></li>
		<li><a href="#">Amazing Cosmetics</a></li>
		<li><a href="#">Amika</a></li>
		<li><a href="#">AmorePacific</a></li>
		<li><a href="#">Anastasia Beverly Hills</a></li>
		<li><a href="#">Anna Sui</a></li>
		<li><a href="#">Anthony Logistics For Men</a></li>
		<li><a href="#">Apivita</a></li>
		<li><a href="#">Aquolina</a></li>
		<li><a href="#">ARDENCY INN</a></li>
		<li><a href="#">AROMACHOLOGY</a></li>
		<li><a href="#">Atelier Cologne</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>B</h2>
	<ul class="b-names">
		<li><a href="#">BALENCIAGA</a></li>
		<li><a href="#">Balmshell</a></li>
		<li><a href="#">bareMinerals</a></li>
		<li><a href="#">beautyblender</a></li>
		<li><a href="#">BECCA</a></li>
		<li><a href="#">Benefit Cosmetics</a></li>
		<li><a href="#">Betsey Johnson</a></li>
		<li><a href="#">Bite Beauty</a></li>
		<li><a href="#">Blinc</a></li>
		<li><a href="#">Bliss</a></li>
		<li><a href="#">Bobbi Brown</a></li>
		<li><a href="#">Boscia</a></li>
		<li><a href="#">Boyfriend</a></li>
		<li><a href="#">Brazilian Peel</a></li>
		<li><a href="#">Bumble and bumble</a></li>
		<li><a href="#">Burberry</a></li>
		<li><a href="#">butter LONDON</a></li>
		<li><a href="#">Buxom</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>c</h2>
	<ul class="c-names">
		<li><a href="#">crazilian Peel</a></li>
		<li><a href="#">calmshell</a></li>
		<li><a href="#">careMinerals</a></li>
		<li><a href="#">ceautyblender</a></li>
		<li><a href="#">cenefit Cosmetics</a></li>
		<li><a href="#">cetsey Johnson</a></li>
		<li><a href="#">cite Beauty</a></li>
		<li><a href="#">clinc</a></li>
		<li><a href="#">cliss</a></li>
		<li><a href="#">cobbi Brown</a></li>
		<li><a href="#">coscia</a></li>
		<li><a href="#">coyfriend</a></li>
		<li><a href="#">cALENCIAGA</a></li>
		<li><a href="#">cumble and bumble</a></li>
		<li><a href="#">curberry</a></li>
		<li><a href="#">cutter LONDON</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>d</h2>
	<ul class="d-names">
		<li><a href="#">dobbi Brown</a></li>
		<li><a href="#">dalmshell</a></li>
		<li><a href="#">dareMinerals</a></li>
		<li><a href="#">deautyblender</a></li>
		<li><a href="#">denefit Cosmetics</a></li>
		<li><a href="#">detsey Johnson</a></li>
		<li><a href="#">dite Beauty</a></li>
		<li><a href="#">dlinc</a></li>
		<li><a href="#">dliss</a></li>
		<li><a href="#">dALENCIAGA</a></li>
		<li><a href="#">doscia</a></li>
		<li><a href="#">doyfriend</a></li>
		<li><a href="#">drazilian Peel</a></li>
		<li><a href="#">dumble and bumble</a></li>
		<li><a href="#">durberry</a></li>
		<li><a href="#">dutter LONDON</a></li>
		<li><a href="#">duxom</a></li>
	</ul>
</div>	
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>e</h2>
	<ul class="e-names">
		<li><a href="#">eite Beauty</a></li>
		<li><a href="#">ealmshell</a></li>
		<li><a href="#">eareMinerals</a></li>
		<li><a href="#">eeautyblender</a></li>
		<li><a href="#">eECCA</a></li>
		<li><a href="#">eenefit Cosmetics</a></li>
		<li><a href="#">eetsey Johnson</a></li>
		<li><a href="#">eALENCIAGA</a></li>
		<li><a href="#">elinc</a></li>
		<li><a href="#">eliss</a></li>
		<li><a href="#">eobbi Brown</a></li>
		<li><a href="#">eoscia</a></li>
		<li><a href="#">eoyfriend</a></li>
		<li><a href="#">erazilian Peel</a></li>
		<li><a href="#">eumble and bumble</a></li>
		<li><a href="#">eurberry</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>f</h2>
	<ul class="f-names">
		<li><a href="#">futter LONDON</a></li>
		<li><a href="#">fALENCIAGA</a></li>
		<li><a href="#">falmshell</a></li>
		<li><a href="#">fareMinerals</a></li>
		<li><a href="#">feautyblender</a></li>
		<li><a href="#">fECCA</a></li>
		<li><a href="#">fenefit Cosmetics</a></li>
		<li><a href="#">fetsey Johnson</a></li>
		<li><a href="#">fite Beauty</a></li>
		<li><a href="#">flinc</a></li>
		<li><a href="#">fliss</a></li>
		<li><a href="#">fobbi Brown</a></li>
		<li><a href="#">foscia</a></li>
		<li><a href="#">foyfriend</a></li>
		<li><a href="#">frazilian Peel</a></li>
		<li><a href="#">fumble and bumble</a></li>
		<li><a href="#">furberry</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>g</h2>
	<ul class="g-names">
		<li><a href="#">galmshell</a></li>
		<li><a href="#">gareMinerals</a></li>
		<li><a href="#">geautyblender</a></li>
		<li><a href="#">gECCA</a></li>
		<li><a href="#">genefit Cosmetics</a></li>
		<li><a href="#">getsey Johnson</a></li>
		<li><a href="#">gite Beauty</a></li>
		<li><a href="#">glinc</a></li>
		<li><a href="#">gliss</a></li>
		<li><a href="#">gobbi Brown</a></li>
		<li><a href="#">goscia</a></li>
		<li><a href="#">goyfriend</a></li>
		<li><a href="#">grazilian Peel</a></li>
		<li><a href="#">gumble and bumble</a></li>
		<li><a href="#">gurberry</a></li>
		<li><a href="#">gutter LONDON</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>h</h2>
	<ul class="h-names">
		<li><a href="#">hareMinerals</a></li>
		<li><a href="#">heautyblender</a></li>
		<li><a href="#">hECCA</a></li>
		<li><a href="#">henefit Cosmetics</a></li>
		<li><a href="#">hetsey Johnson</a></li>
		<li><a href="#">hite Beauty</a></li>
		<li><a href="#">hlinc</a></li>
		<li><a href="#">hliss</a></li>
		<li><a href="#">hobbi Brown</a></li>
		<li><a href="#">hoscia</a></li>
		<li><a href="#">hoyfriend</a></li>
		<li><a href="#">hrazilian Peel</a></li>
		<li><a href="#">humble and bumble</a></li>
		<li><a href="#">hurberry</a></li>
	</ul>
</div>	
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>i</h2>
	<ul class="i-names">
		<li><a href="#">ieautyblender</a></li>
		<li><a href="#">iECCA</a></li>
		<li><a href="#">ienefit Cosmetics</a></li>
		<li><a href="#">ietsey Johnson</a></li>
		<li><a href="#">iite Beauty</a></li>
		<li><a href="#">ilinc</a></li>
		<li><a href="#">iliss</a></li>
		<li><a href="#">iobbi Brown</a></li>
		<li><a href="#">ioscia</a></li>
		<li><a href="#">ioyfriend</a></li>
		<li><a href="#">irazilian Peel</a></li>
		<li><a href="#">iumble and bumble</a></li>
		<li><a href="#">iurberry</a></li>
		<li><a href="#">iutter LONDON</a></li>
		<li><a href="#">iuxom</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>j</h2>
	<ul class="j-names">
		<li><a href="#">jetsey Johnson</a></li>
		<li><a href="#">jalmshell</a></li>
		<li><a href="#">jareMinerals</a></li>
		<li><a href="#">jeautyblender</a></li>
		<li><a href="#">jECCA</a></li>
		<li><a href="#">jenefit Cosmetics</a></li>
		
		<li><a href="#">jite Beauty</a></li>
		<li><a href="#">jlinc</a></li>
		<li><a href="#">jliss</a></li>
		<li><a href="#">jobbi Brown</a></li>
		<li><a href="#">joscia</a></li>
		<li><a href="#">joyfriend</a></li>
		<li><a href="#">jrazilian Peel</a></li>
		
		<li><a href="#">jurberry</a></li>
		<li><a href="#">jutter LONDON</a></li>
		<li><a href="#">juxom</a></li>
		<li><a href="#">jumble and bumble</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>k</h2>
	<ul class="k-names">
		<li><a href="#">kenefit Cosmetics</a></li>
		<li><a href="#">kALENCIAGA</a></li>
		<li><a href="#">kalmshell</a></li>
		<li><a href="#">kareMinerals</a></li>
		<li><a href="#">keautyblender</a></li>
		<li><a href="#">kECCA</a></li>
		
		<li><a href="#">ketsey Johnson</a></li>
		<li><a href="#">kite Beauty</a></li>
		<li><a href="#">klinc</a></li>
		<li><a href="#">kliss</a></li>
		<li><a href="#">kobbi Brown</a></li>
		<li><a href="#">koscia</a></li>
		<li><a href="#">koyfriend</a></li>
		<li><a href="#">krazilian Peel</a></li>
		<li><a href="#">kumble and bumble</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>l</h2>
	<ul class="l-names">
		<li><a href="#">lenefit Cosmetics</a></li>
		<li><a href="#">lALENCIAGA</a></li>
		<li><a href="#">lalmshell</a></li>
		<li><a href="#">lareMinerals</a></li>
		<li><a href="#">leautyblender</a></li>
		<li><a href="#">lECCA</a></li>
		
		<li><a href="#">letsey Johnson</a></li>
		<li><a href="#">lite Beauty</a></li>
		<li><a href="#">llinc</a></li>
		<li><a href="#">lliss</a></li>
		<li><a href="#">lobbi Brown</a></li>
		<li><a href="#">loscia</a></li>
		<li><a href="#">loyfriend</a></li>
		
		<li><a href="#">lumble and bumble</a></li>
		<li><a href="#">lurberry</a></li>
		<li><a href="#">lutter LONDON</a></li>
		<li><a href="#">luxom</a></li>
		<li><a href="#">lrazilian Peel</a></li>
	</ul>
</div>	
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>m</h2>
	<ul class="m-names">
		<li><a href="#">meautyblender</a></li>
		<li><a href="#">mECCA</a></li>
		<li><a href="#">menefit Cosmetics</a></li>
		<li><a href="#">metsey Johnson</a></li>
		<li><a href="#">mite Beauty</a></li>
		<li><a href="#">mlinc</a></li>
		<li><a href="#">mliss</a></li>
		<li><a href="#">mobbi Brown</a></li>
		<li><a href="#">moscia</a></li>
		<li><a href="#">moyfriend</a></li>
		<li><a href="#">mrazilian Peel</a></li>
		<li><a href="#">mumble and bumble</a></li>
		<li><a href="#">murberry</a></li>
		<li><a href="#">mutter LONDON</a></li>
		<li><a href="#">muxom</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>n</h2>
	<ul class="n-names">
		<li><a href="#">nalmshell</a></li>
		<li><a href="#">nareMinerals</a></li>
		<li><a href="#">neautyblender</a></li>
		<li><a href="#">nECCA</a></li>
		<li><a href="#">nenefit Cosmetics</a></li>
		<li><a href="#">netsey Johnson</a></li>
		<li><a href="#">nite Beauty</a></li>
		<li><a href="#">nlinc</a></li>
		<li><a href="#">nliss</a></li>
		<li><a href="#">nobbi Brown</a></li>
		<li><a href="#">noscia</a></li>
		<li><a href="#">noyfriend</a></li>
		<li><a href="#">nrazilian Peel</a></li>
		<li><a href="#">numble and bumble</a></li>
		<li><a href="#">nurberry</a></li>
		<li><a href="#">nuxom</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>o</h2>
	<ul class="o-names">
		<li><a href="#">oareMinerals</a></li>
		<li><a href="#">oeautyblender</a></li>
		<li><a href="#">oECCA</a></li>
		<li><a href="#">oenefit Cosmetics</a></li>
		<li><a href="#">oetsey Johnson</a></li>
		<li><a href="#">oite Beauty</a></li>
		<li><a href="#">olinc</a></li>
		<li><a href="#">oliss</a></li>
		<li><a href="#">oobbi Brown</a></li>
		<li><a href="#">ooscia</a></li>
		<li><a href="#">ooyfriend</a></li>
		<li><a href="#">orazilian Peel</a></li>
		<li><a href="#">oumble and bumble</a></li>
		<li><a href="#">ourberry</a></li>
		<li><a href="#">outter LONDON</a></li>
		<li><a href="#">ouxom</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>p</h2>
	<ul class="p-names">
		<li><a href="#">pALENCIAGA</a></li>
		<li><a href="#">palmshell</a></li>
		<li><a href="#">pareMinerals</a></li>
		<li><a href="#">peautyblender</a></li>
		<li><a href="#">pECCA</a></li>
		<li><a href="#">penefit Cosmetics</a></li>
		<li><a href="#">petsey Johnson</a></li>
		<li><a href="#">pite Beauty</a></li>
		<li><a href="#">plinc</a></li>
		<li><a href="#">pliss</a></li>
		<li><a href="#">pobbi Brown</a></li>
		<li><a href="#">poscia</a></li>
		<li><a href="#">poyfriend</a></li>
		<li><a href="#">prazilian Peel</a></li>
		<li><a href="#">pumble and bumble</a></li>
		<li><a href="#">purberry</a></li>
		<li><a href="#">putter LONDON</a></li>
		<li><a href="#">puxom</a></li>
	</ul>
</div>				</div>
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>q</h2>
	<ul class="q-names">
		<li><a href="#">qenefit Cosmetics</a></li>
		<li><a href="#">qetsey Johnson</a></li>
		<li><a href="#">qite Beauty</a></li>
		<li><a href="#">qlinc</a></li>
		<li><a href="#">qliss</a></li>
		<li><a href="#">qobbi Brown</a></li>
		<li><a href="#">qoscia</a></li>
		<li><a href="#">qoyfriend</a></li>
		<li><a href="#">qrazilian Peel</a></li>
		<li><a href="#">qumble and bumble</a></li>
		<li><a href="#">qurberry</a></li>
		<li><a href="#">qutter LONDON</a></li>
		<li><a href="#">quxom</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>r</h2>
	<ul class="r-names">
		<li><a href="#">rALENCIAGA</a></li>
		<li><a href="#">ralmshell</a></li>
		<li><a href="#">rareMinerals</a></li>
		<li><a href="#">reautyblender</a></li>
		<li><a href="#">rECCA</a></li>
		<li><a href="#">renefit Cosmetics</a></li>
		<li><a href="#">retsey Johnson</a></li>
		<li><a href="#">rite Beauty</a></li>
		<li><a href="#">rlinc</a></li>
		<li><a href="#">rliss</a></li>
		<li><a href="#">robbi Brown</a></li>
		<li><a href="#">roscia</a></li>
		<li><a href="#">royfriend</a></li>
		
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>s</h2>
	<ul class="s-names">
		<li><a href="#">senefit Cosmetics</a></li>
		<li><a href="#">setsey Johnson</a></li>
		<li><a href="#">site Beauty</a></li>
		<li><a href="#">slinc</a></li>
		<li><a href="#">sliss</a></li>
		<li><a href="#">sobbi Brown</a></li>
		<li><a href="#">soscia</a></li>
		<li><a href="#">soyfriend</a></li>
		<li><a href="#">srazilian Peel</a></li>
		<li><a href="#">sumble and bumble</a></li>
		
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>t</h2>
	<ul class="t-names">
		<li><a href="#">tenefit Cosmetics</a></li>
		<li><a href="#">tetsey Johnson</a></li>
		<li><a href="#">tite Beauty</a></li>
		<li><a href="#">tlinc</a></li>
		<li><a href="#">tliss</a></li>
		<li><a href="#">tobbi Brown</a></li>
		<li><a href="#">toscia</a></li>
		<li><a href="#">toyfriend</a></li>
		<li><a href="#">trazilian Peel</a></li>
		<li><a href="#">tumble and bumble</a></li>
		<li><a href="#">turberry</a></li>
		<li><a href="#">tutter LONDON</a></li>
	</ul>
</div>				</div>
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>u</h2>
	<ul class="u-names">
		<li><a href="#">uliss</a></li>
		<li><a href="#">uobbi Brown</a></li>
		<li><a href="#">uoscia</a></li>
		<li><a href="#">uoyfriend</a></li>
		<li><a href="#">urazilian Peel</a></li>
		<li><a href="#">uumble and bumble</a></li>
		<li><a href="#">uurberry</a></li>
		<li><a href="#">utter</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>v</h2>
	<ul class="v-names">
		<li><a href="#">veautyblender</a></li>
		<li><a href="#">vECCA</a></li>
		<li><a href="#">venefit Cosmetics</a></li>
		<li><a href="#">vetsey Johnson</a></li>
		<li><a href="#">vite Beauty</a></li>
		<li><a href="#">vlinc</a></li>
		<li><a href="#">vliss</a></li>
		<li><a href="#">vobbi Brown</a></li>
		<li><a href="#">voscia</a></li>
		<li><a href="#">voyfriend</a></li>
		<li><a href="#">vrazilian Peel</a></li>
		<li><a href="#">vumble and bumble</a></li>
		<li><a href="#">vurberry</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>w</h2>
	<ul class="w-names">
		<li><a href="#">woscia</a></li>
		<li><a href="#">woyfriend</a></li>
		<li><a href="#">wrazilian Peel</a></li>
		<li><a href="#">wumble and bumble</a></li>
		<li><a href="#">wurberry</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>x</h2>
	<ul class="x-names">
		<li><a href="#">xeautyblender</a></li>
		<li><a href="#">xECCA</a></li>
		<li><a href="#">xenefit Cosmetics</a></li>
		<li><a href="#">xetsey Johnson</a></li>
		<li><a href="#">xite Beauty</a></li>
		<li><a href="#">xlinc</a></li>
		<li><a href="#">xliss</a></li>
		<li><a href="#">xobbi Brown</a></li>
		<li><a href="#">xoscia</a></li>
		<li><a href="#">xoyfriend</a></li>
	</ul>
</div>				</div>
				<div class="row">
					<div class="col-md-3 col-sm-3">
	<h2>y</h2>
	<ul class="y-names">
		<li><a href="#">yareMinerals</a></li>
		<li><a href="#">yeautyblender</a></li>
		<li><a href="#">yECCA</a></li>
		<li><a href="#">yenefit Cosmetics</a></li>
		<li><a href="#">yetsey Johnson</a></li>
		<li><a href="#">yite Beauty</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>z</h2>
	<ul class="z-names">
		<li><a href="#">zECCA</a></li>
		<li><a href="#">zenefit Cosmetics</a></li>
		<li><a href="#">zetsey Johnson</a></li>
		<li><a href="#">zite Beauty</a></li>
		<li><a href="#">zlinc</a></li>
		<li><a href="#">zliss</a></li>
	</ul>
</div>

<div class="col-md-3 col-sm-3">
	<h2>123</h2>
	<ul class="123-names">
		<li><a href="#">25-ALENCIAGA</a></li>
		<li><a href="#">1 almshell</a></li>
		<li><a href="#">99 areMinerals</a></li>
		<li><a href="#">3-eautyblender</a></li>
		<li><a href="#">555 ECCA</a></li>
	</ul>
</div>				</div>
			</div>
		</div><!-- /.brand-outer -->

	</div><!-- /.container -->
</div><!-- /.all-brands content -->            <!-- ============================================== FOOTER ============================================== -->
<footer class="footer clearfix">
    <div class="margin-top-10">
        <div class="container inner-top-vs">
            <!-- ============================================== FOOTER-TOP ============================================== -->
<div class="row">
    <div class="col-md-3 col-sm-4">
        <div class="footer-module">
            <h4 class="footer-module-title">About this site</h4>
            <div class="footer-module-body m-t-20 clearfix">
                <p><span class="pull-left"><img src="assets/images/footer-logo.png" alt="" width="75" height="75"></span>A cras tincidunt, ut tellus et. Gravida scele risque, ipsum sed iacul is, nunc non namtellus. Placerat sed phasellus, purus purus elit. Cras ante eros. Erat vel. Donec vestibulum sed, vel euismod donec. </p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-4">
        <div class="footer-module">
            <h4 class="footer-module-title">Categories</h4>
            <div class="footer-module-body clearfix">
                <ul class="list-unstyled link-list">
                    <li><a href="#">Books</a></li>
                    <li><a href="#">Text books</a></li>
                    <li><a href="#">Nook books</a></li>
                    <li><a href="#">Audiobooks</a></li>
                    <li><a href="#">Magazines</a></li>
                </ul>

                <ul class="list-unstyled link-list">
                    <li><a href="#">Movies</a></li>
                    <li><a href="#">Music</a></li>
                    <li><a href="#">Games</a></li>

                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-4 clearfix ">
        <div class="footer-module">
            <h4 class="footer-module-title">Information</h4>
            <div class="footer-module-body clearfix">
                <ul class="list-unstyled link-list">
                    <li><a href="#">Track Order</a></li>
                    <li><a href="#">Delivery</a></li>
                    <li><a href="#">Return Policy</a></li>
                    <li><a href="#">Giftcards</a></li>
                </ul>

                <ul class="list-unstyled link-list">
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Store Locations</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Terms of Use</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-12">
        <div class="footer-module">
            <h4 class="footer-module-title">connect</h4>
            <div class="footer-module-body clearfix">
                <ul class="clearfix list-unstyled footer-social-contact">
                    <li><a href="#" class="fa fa-facebook" title="Facebook"></a></li>
                    <li><a href="#" class="fa fa-pinterest" title="Pinterest"></a></li>
                    <li><a href="#" class="fa fa-linkedin" title="Linkedin"></a></li>
                    <li><a href="#" class="fa fa-twitter" title="Twitter"></a></li>
                    <li><a href="#" class="fa fa-google-plus" title="Google Plus"></a></li>
                    <li><a href="#" class="fa fa-rss" title="Rss"></a></li>
                    <li><a href="#" class="fa fa-instagram" title="Instagram"></a></li>

                </ul>


                <div class="inner-top-xs">
                    <p>Subscribe to our weekly newsletter.</p>
                    <form class="searchform" action="http://inspectelement.com/" method="get">
                        <input class="s" type="text" placeholder="Email Address" name="s" value="">
                        <input class="searchsubmit" type="submit" value="Subscribe">
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- ============================================== FOOTER-TOP : END ============================================== -->            <hr>
            <!-- ============================================== FOOTER-BOTTOM ============================================== -->
<div class="row">
	<div class="col-md-12">
		<div class="pull-left">
			<ul class="payment-list list-unstyled">
				<li><a href="#"><img src="assets/images/payments/1.png" class="img-responsive" height="22" alt=""></a></li>

			</ul>
		</div>
		<p class="copyright-footer pull-right">&copy; 2014 Bookshop. All rights reserved. Made with love by <a href="#">Heztheme</a></p>
	</div>
</div>
<!-- ============================================== FOOTER-BOTTOM : END ============================================== -->        </div>
    </div>
</footer>
<!-- ============================================== FOOTER : END ============================================== -->        </div><!-- /.st-pusher -->
            <!-- ============================================== TOGGLE RIGHT CONTENT ============================================== -->

<div id="cart-dropdown-wrapper">
	<nav id="menu1" class="cart-dropdown">
		<h2 class="shopping-cart-heading">Shopping cart</h2>
			<div class="cart-items">
				<div class="cart-items-list">			
					<ul>					
						<li class="media">
							
							<div class="clearfix book cart-book">
								<a href="single-book.html" class="media-left">
									<div class="book-cover">
										<img width="140" height="212" alt="" src="assets/images/blank.gif" data-echo="assets/images/book-covers/01.jpg">
									</div>
								</a>
								<div class="media-body book-details">
									<div class="book-description">
										<h3 class="book-title"><a href="single-book.html">The Brief Wondrous Life of  Oscar Wao</a></h3>
										<p class="book-subtitle">by <a href="single-book.html">Cormac McCarthy</a></p>
										<p class="price m-t-20">$1,401.75</p>
									</div>
								</div>
							</div>
							
							
						</li>
						<li class="media">
							
							<div class="clearfix book cart-book">
								<a href="single-book.html" class="media-left">
									<div class="book-cover">
										<img width="140" height="212" alt="" src="assets/images/blank.gif" data-echo="assets/images/book-covers/02.jpg">
									</div>
								</a>
								<div class="media-body book-details">
									<div class="book-description">
										<h3 class="book-title"><a href="single-book.html">The Brief Wondrous Life of  Oscar Wao</a></h3>
										<p class="book-subtitle">by <a href="single-book.html">Cormac McCarthy</a></p>
										<p class="price m-t-20">$14.45</p>
									</div>
								</div>
							</div>
							
							
						</li>  
										
					</ul>
				</div>
				<div class="cart-item-footer">
					<h3 class='total text-center'>Total:<span>$1,416.00</span></h3>
					<div class="proceed-to-checkout text-center">
						<button type="button" class="btn btn-primary btn-uppercase">Proceed to Checkout</button>
					</div>
				</div>
			
		</div>
		
	</nav>
</div>

<!-- ============================================== TOGGLE RIGHT CONTENT : END ============================================== -->


 
                </div><!-- /#wrapper -->

    <script src="assets/js/jquery-1.11.2.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/perfect-scrollbar.min.js"></script>
    <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/jquery.customSelect.min.js"></script>    
    <script src="assets/js/jquery.easing-1.3.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/echo.min.js"></script>
    <script src="assets/js/scripts.js"></script>
</body>
</html>
